/* header */
.header { border-top: 12px solid #7866a0;background-color: #fff }
.header .logo {
	float: left;
	height: 70px;
	margin: 15px 0;
}
.header .hot-line {
	color: #fff;
	margin: 25px;
	float: right;
	height: 50px;
	line-height: 20px;
	padding: 15px 20px;
	border-radius: 25px;
	background-color: #774c91;
}
.header .links {float: right;margin: 10px 0 0 30px}
.header .links .link {
	float: left;
	width: 60px;
	height: 80px;
	color: #b596d6;
	cursor: pointer;
	margin-left: 20px;
	text-align: center;
}
.header .links .link .icon {
	color: #fff;
	width: 60px;
	height: 60px;
	font-size: 36px;
	border-radius: 50%;
	line-height: 60px;
	background-color: #b596d6;
}
.header .links .link:hover {color: #8a57bd}
.header .links .link:hover .icon {background-color: #8a57bd}
.header .nav-menu .menu-li {
	color: #fff;
	float: left;
	height: 54px;
	width: 190px;
	z-index: 100;
	padding: 10px 0;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	position: relative;
}
.header .nav-menu .menu-li p {border-right: 1px solid #7c5799}
.header .nav-menu .menu-li:hover p {
	-webkit-text-shadow: 0 0 1px #999;
	   -moz-text-shadow: 0 0 1px #999;
			text-shadow: 0 0 1px #999;
}
.header .nav-menu .menu-li.active {background: url(../images/icons/menu-selected.png) bottom center no-repeat}
.header .nav-menu .menu-li:hover {background-color: #774c91}
.header .nav-menu .menu-li > .dropdown-ul {
	display: none;
	position: absolute;
	left: 0;right: 0;top: 54px;
}
.header .nav-menu .menu-li:hover > .dropdown-ul {display: block}
.header .nav-menu .menu-li > .dropdown-ul li {
	line-height: 35px;
	margin: 2px auto 5px;
	background-color: rgba(139, 122, 176, .7);
}
.header .nav-menu .menu-li > .dropdown-ul li:hover {background-color: #8a57bd}
.header .nav-menu .search-box {
	height: 32px;
	width: 220px;
	margin-top: 11px;
}
.header .nav-menu .search-box input {
	float: left;
	height: 32px;
	padding: 5px;
	width: 182px;
	line-height: 20px;
	border: 1px solid #eee;
	background-color: #fff;
}
.header .nav-menu .search-box button {
	width: 34px;
	float: right;
	height: 32px;
	color: #8a57bd;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	border: 1px solid #eee;
	background-color: #fff;
}
/* banner */
.banner {height: 920px}
.banner .swiper-slide {font-size: 50px;text-align: center;line-height: 920px}
.banner .swiper-button-prev,
.banner .swiper-button-next {
	opacity: .5;
	width: 96px;
	height: 96px;
	background-size: 96px;
}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity: .7}
.banner .swiper-button-prev {left: 100px;background-image: url(../images/icons/swiper-button-prev.png)}
.banner .swiper-button-next {right: 100px;background-image: url(../images/icons/swiper-button-next.png)}
.inner-banner {
	width: 100%;
	height: 285px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/* footer */
.footer {padding-top: 35px;background-color: #efefef}
.footer .foot-body {padding: 0 160px 15px}
.footer .foot-body .content {
	padding: 0 60px;
	line-height: 2;
	min-height: 220px;
}
.footer .foot-body .title {
	color: #5b3982;
	font-size: 16px;
	line-height: 2;
}
.footer .foot-body .links {line-height: 2}
.footer .foot-body .links li {
	float: left;
	width: 75px;
	margin-top: 5px;
}
.footer .foot-body .phone {
	color: #482477;
	font-size: 28px;
	font-weight: bold;
	line-height: 65px;
	margin-top: 20px;
}
.footer .foot-body .phone .icon {
	width: 65px;
	height: 65px;
	margin-right: 10px;
	display: inline-block;
	background-image: url(../images/icons/foot-phone.png);
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.footer .foot-body .border-link {position: relative}
.footer .foot-body .border-link::before {
	content: '';
	position: absolute;
	right: 0;top: 10%;
	width: 1px;height: 80%;
	background-color: #aaa1b8;
}
.footer .copyright {
	color: #666;
	padding: 15px 0;
	line-height: 1.6;
	text-align: center;
	border-top: 1px solid #bfb4cc;
}
/* index */
.html-code img {max-width: 100%}
.brief-box {background: url() repeat-x bottom}
.brief-box .brief-img {
	width: 375px;
	height: 275px;
	margin-top: 40px;
	-webkit-box-shadow: 3px 5px 7px #ccc;
	   -moz-box-shadow: 3px 5px 7px #ccc;
			box-shadow: 3px 5px 7px #ccc;
}
.brief-box .brief-content {width: 740px}
.brief-box .brief-con {line-height: 1.6}
.brief-box .brief-title {width: 450px;margin: 5px auto 30px}
.brief-box .brief-title h1,
.brief-box .brief-title h2 {
	width: 320px;
	font-weight: bold;
	text-align: center;
}
.brief-box .brief-title h2 {
	color: #a770d8;
	font-size: 20px;
	position: relative;
	text-transform: uppercase;
}
.brief-box .brief-title h2::before,
.brief-box .brief-title h2::after {
	color: #3c2a3b;
	font-size: 32px;
	font-family: "iconfont" !important;
}
.brief-box .brief-title h2::after  {content: "\e63a"}
.brief-box .brief-title h2::before {content: "\e63c"}
.brief-box .brief-title h1 {color: #3d2938;font-size: 24px}
.brief-box .brief-title h3 {
	font-size: 34px;
	font-weight: bold;
	position: absolute;
	bottom: -10px;left: 300px;
	border-bottom: 5px solid #a770d8;
}
.gorgeous-title {
	height: 150px;
	padding: 15px;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
}
.gorgeous-title h1 {
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
}
.gorgeous-title h2 {
	font-size: 24px;
	font-weight: bold;
	position: relative;
}
.gorgeous-title p {
	color: #fff;
	line-height: 1;
	font-size: 16px;
	margin-top: 5px;
	padding: 8px 10px;
	border-radius: 8px;
	display: inline-block;
	background-color: #7d55cb;
}
.gorgeous-title h2::before,
.gorgeous-title h2::after {
	content: '';
	height: 3px;
	width: 420px;
	margin: auto;
	top: 0;bottom: 0;
	position: absolute;
	background-color: #313131;
}
.gorgeous-title h2::before {left: -15px}
.gorgeous-title h2::after {right: -15px}
.star-products {margin: 0 -5px 70px}
.product-box {float: left;margin: 5px}
.product-box .product-img {position: relative}
.product-box .product-img::before {
	opacity: 0;
	content: '';
	z-index: 50;
	display: block;
	position: absolute;
	background-color: #000;
			transition: all .3s;
		 -o-transition: all .3s;
	   -moz-transition: all .3s;
	-webkit-transition: all .3s;
	left: 0;right: 0;bottom: 0;top: 0;
}
.product-box .product-img:hover::before {opacity: .5}
.product-box:nth-child(1) .product-img, .product-box:nth-child(2) .product-img {height: 280px}
.product-box:nth-child(1) .product-img {width: 490px}
.product-box:nth-child(2) .product-img {width: 700px}
.product-box:nth-child(3) .product-img, .product-box:nth-child(5) .product-img {width: 320px; height: 570px}
.product-box:nth-child(4) .product-img {width: 540px;height: 300px}
.product-box:nth-child(4) .logo-box {
	height: 260px;
	margin-bottom: 10px;
	background-color: #8464c2;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/product_logo_box.png);
}
.product-box .text-box {
	color: #fff;
	z-index: 100;
	display: none;
	position: absolute;
	text-align: center;
	left: 15%;right: 15%;
	top: 25%;bottom: 25%;
}
.product-box .text-box h1 {
	font-size: 20px;
	overflow: hidden;
	max-height: 2.4em;
	line-height: 1.2em;
	letter-spacing: 4px;
}
.product-box .text-box p {
	line-height: 2;
	margin-top: 10px;
}
.product-box .text-box a {
	margin: auto;
	width: 200px;
	height: 54px;
	font-size: 16px;
	line-height: 52px;
	position: absolute;
	border-radius: 27px;
	display: inline-block;
	border: 1px solid #fff;
	bottom: 0;left: 0;right: 0;
}
.product-box:hover .text-box {display: block;}
.cloud-box {
	background-image: url(../images/icons/cloud_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}
.teacher-swiper {
	color: #fff;
	height: 520px
}
.teacher-swiper .swiper-slide::before {
	content: '';
	z-index: 50;
	position: absolute;
			transition: all .5s;
		 -o-transition: all .5s;
	   -moz-transition: all .5s;
	-webkit-transition: all .5s;
	top: 0;bottom: 0;left: 0;right: 0;
	background-color: rgba(0, 0, 0, 0);
}
.teacher-swiper .swiper-slide:hover::before {background-color: rgba(0, 0, 0, .7)}
.teacher-swiper .name,
.teacher-swiper .desc,
.teacher-swiper .skilled-title,
.teacher-swiper .skilled-desc {
	opacity: 0;
	z-index: 100;
	position: absolute;
	text-align: center;
	left: 50px;right: 50px;
			transition: all .5s;
		 -o-transition: all .5s;
	   -moz-transition: all .5s;
	-webkit-transition: all .5s;
	-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		 -o-transform: translate(0, -20px);
			transform: translate(0, -20px);
}
.teacher-swiper .name {top: 120px}
.teacher-swiper .desc {top: 160px}
.teacher-swiper .skilled-title {top: 300px}
.teacher-swiper .skilled-desc {top: 340px}
.teacher-swiper .swiper-slide:hover .name,
.teacher-swiper .swiper-slide:hover .desc,
.teacher-swiper .swiper-slide:hover .skilled-title,
.teacher-swiper .swiper-slide:hover .skilled-desc {
	opacity: 1;
	-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		 -o-transform: translate(0, 0);
			transform: translate(0, 0);
}
.more {
	width: 145px;
	height: 40px;
	display: block;
	color: #a770d8;
	font-size: 16px;
	line-height: 38px;
	margin: 40px auto;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #a770d8;
}
.star-qa_list {margin: 15px -15px}
.star-qa_list .ques-box {
	float: left;
	width: 380px;
	height: 320px;
	margin: 0 15px;
}
.star-qa_list .img {
	height: 240px;
	overflow: hidden;
	border: #eee solid 1px;
}
.star-qa_list .title {
	height: 36px;
	font-size: 16px;
	line-height: 36px;
}
.star-qa_list .ques-box:hover .img img {transform: scale(1.2)}
.star-qa_list .ques-box:hover .title,
.new-qa_list .ques-box:hover .title {
	color: black;
	-webkit-text-shadow: 0 0 1px #7b57ca;
	   -moz-text-shadow: 0 0 1px #7b57ca;
			text-shadow: 0 0 1px #7b57ca;
}
.star-qa_list .desc {
	color: #666;
	height: 44px;
	line-height: 22px;
}
.new-qa_list .ques-box {
	width: 600px;
	height: 170px;
	padding: 30px 60px;
}
.new-qa_list .title {
	color: #7b57ca;
	font-size: 16px;
	line-height: 20px;
}
.new-qa_list .desc {
	color: #666;
	height: 72px;
	margin-top: 18px;
	line-height: 24px;
}
.new-qa_list .ques-box:nth-child(even) {padding-right: 0}
.new-qa_list .ques-box:nth-child(odd) {padding-left: 0;border-right: 1px dashed #d5caee}
.new-qa_list tr:not(:last-child) {border-bottom: 1px dashed #d5caee;position: relative}
.new-qa_list tr:not(:last-child)::after {
	margin: auto;
	color: #ac96de;
	font-size: 15px;
	content: "\002b";
	position: absolute;
	text-align: center;
	width: 20px;height: 20px;
	left: 0px;right: 0;bottom: -10px;
	font-family: 'Glyphicons Halflings' !important;
}
.star-qa_list .ques-box:hover .desc,
.new-qa_list .ques-box:hover .desc {
	-webkit-text-shadow:0 0 1px #ccc;
	   -moz-text-shadow:0 0 1px #ccc;
			text-shadow:0 0 1px #ccc;
}
/* popup-window */
.popup-window {
	z-index: 200;
	width: 370px;
	position: fixed;
	overflow: hidden;
	border-radius: 10px;
	padding: 0 30px 20px;
	left: 160px;bottom: 80px;
	background-color: #f89acd;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../images/icons/popup_bg.jpg);
	-webkit-box-shadow: 4px 4px 20px rgba(254,113,191,.55);
	   -moz-box-shadow: 4px 4px 20px rgba(254,113,191,.55);
			box-shadow: 4px 4px 20px rgba(254,113,191,.55);
}
.popup-window .title {
	height: 50px;
	color: #f149a8;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	-webkit-text-shadow:0 1px 1px #f79acd;
	   -moz-text-shadow:0 1px 1px #f79acd;
			text-shadow:0 1px 1px #f79acd;
}
.popup-window::before {
	content: '';
	position: absolute;
	background-color: #fff;
	right: -30px;top: -50px;
	width: 85px;height: 85px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	-webkit-box-shadow: 0 0 10px #fd8dcb;
	   -moz-box-shadow: 0 0 10px #fd8dcb;
			box-shadow: 0 0 10px #fd8dcb;
}
.popup-window .window-close {
	color: #fe71bf;
	cursor: pointer;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	right: 10px;top: 5px;
}
.popup-open {
	z-index: 200;
	width: 120px;
	height: 80px;
	position: fixed;
	cursor: pointer;
	bottom: 80px;left: 0;
}
.popup-window .get-tuition {
	padding: 12px 24px;
	border-radius: 8px;
	background-color: #fff;
}
.popup-window .get-tuition .form-group {
	margin-top: 12px;
	margin-bottom: 24px;
}
.popup-window .get-tuition .input-group-addon {
	height: 46px;
	color: #fe71bf;
	border-radius: 8px;
	background-color: #fff;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.popup-window .get-tuition .form-control {
	height: 46px;
	border-left: 0;
	padding-left: 0;
	border-radius: 8px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.popup-window .get-tuition .input-group-addon,
.popup-window .get-tuition .form-control {
			transition: all .3s;
		 -o-transition: all .3s;
	   -moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.popup-window .get-tuition .form-control:focus {border-color: #ccc}
.popup-window .get-tuition .form-group:hover .input-group-addon,
.popup-window .get-tuition .form-group:hover .form-control {border-color: #fe71bf}
.btn-pink {
	color: #fff;
	height: 46px;
	font-size: 20px;
	border-radius: 8px;
	background-color: #fe71bf;
	border: 1px solid #fe71bf;
}
.btn-pink:focus {color: #fff;background-color: #d95fa2;border-color: #bf548f}
.btn-pink:hover {color: #fff;background-color: #bf548f;border-color: #b34f86}
.btn-pink:active{color: #fff;background-color: #b34f86;border-color: #80385f}
/* position */
.position-box {
	height: 65px;
	margin: 20px auto;
	line-height: 25px;
	text-align: right;
	padding: 20px 40px;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: url(../images/icons/position_bg.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.position-box li {display: block;float: right}
.position-box li:not(:last-child)::before {
    color: #666;
    content: ">";
    padding: 0 5px;
}
.position-box li.active {color: #d7458a}
/* pagination */
.pagination > li > a, .pagination > li > span {color: #8b7ab0}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {color: #776896}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #8b7ab0;border-color: #8b7ab0}
/* abuot */
.abuot-us-box {
	min-height: 600px;
	position: relative;
}
.abuot-us-box::after {
	opacity: .6;
	content: '';
	position: absolute;
	top: 60px;right: -160px;
	width: 480px;height: 660px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/about_us_bg.png);
}
.abuot-us-box .content {
	font-size: 16px;
	line-height: 3em;
	padding: 15px 300px 15px 120px;
}
.abuot-title {
	height: 120px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
}
.abuot-title h1 {font-size: 30px;line-height: 50px}
.abuot-title h1 span {color: #8a57bd;font-size: 42px}
.abuot-title p {font-size: 24px;line-height: 30px}
.teacher-quality .content {
	color: #666;
	line-height: 2;
	padding: 0 150px;
	text-align: center;
}
.teacher-quality .teacher-swiper {
	height: 580px;
	margin: 30px auto;
}
.teacher-quality .swiper-slide {height: 520px}
.teacher-quality .swiper-slide .post {color: #666;font-size: 16px}
.teacher-quality .swiper-slide .title {
	color: #333;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
}
.consult-box {
	height: 420px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/consult_bg.jpg);
}
.consult-box .content {padding: 65px 460px 0 0}
.consult-but {
	color: #fff;
	width: 232px;
	height: 72px;
	display: block;
	font-size: 20px;
	overflow: hidden;
	line-height: 70px;
	position: absolute;
	text-align: center;
	border: 1px solid;
	right: 0;bottom: 120px;
}
.consult-but:hover {
	color: #fff;
	border-color: #38234d;
	background-color: #8a57bd;
	-webkit-text-shadow: 1px 1px 1px #38234d;
	   -moz-text-shadow: 1px 1px 1px #38234d;
			text-shadow: 1px 1px 1px #38234d;
}
.route-box .content {padding: 0 80px}
/* inner-mainbox */
.inner-mainbox {margin: 40px auto}
.inner-mainbox .menu-box {width: 345px}
.inner-mainbox .content-box {
	width: 840px;
	min-height: 1250px;
	border-radius: 3px;
	position: relative;
	padding: 85px 30px 15px;
	background-color: #f5f5f5;
	border: 2px solid #dedede;
}
.card-menu-box {
	position: relative;
	border-radius: 4px;
	margin-bottom: 30px;
	border: 2px solid #ddd;
	padding: 96px 11px 12px;
	background-color: #f0f0f0;
}
.card-menu-box .title-box {
	height: 85px;
	overflow: hidden;
	position: absolute;
	border-radius: 3px;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	left: -1px;top: -1px;right: -1px;
}
.card-menu-box::before {
	content: '';
	height: 6px;
	position: absolute;
	background-color: #ddd;
	left: 15px;right: 15px;bottom: -6px;
}
.card-menu-box::after {
	content: '';
	width: 40px;
	z-index: 100;
	position: absolute;
	top: 80px;bottom: 100px;right: -30px;
	background-image: url(../images/icons/slot.png);
	background-repeat: repeat-y;
}
.card-menu-box .content {padding: 0 12px}
.card-menu-box .hot-issue {display: block;padding: 10px 0}
.card-menu-box .hot-issue + .hot-issue {border-top: 1px dashed #ddd}
.card-menu-box .hot-issue .title {line-height: 30px}
.card-menu-box .hot-issue .title .icon-dot {color: #f747ae}
.card-menu-box .hot-issue .reply .icon-dot {color: #288fee}
.card-menu-box .hot-issue .reply {
	color: #666;
	max-height: 2.8em;
	line-height: 1.4em;
}
/* gbook */
.gbook-form {padding: 12px 0}
.gbook-form .form-group textarea{font-size: 16px;resize: none}
.gbook-form .input-group-addon {font-size: 16px}
.gbook-form .form-group > label {
	font-size: 16px;
	padding-left: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}
.gbook-form .radio-inline input[type="radio"] {display: none}
.gbook-form .radio-inline input[type="radio"] + .iconfont::before {
	color: #666;
	margin: auto;
	content: "\e608";
	position: absolute;
	left: 0;top: 0;bottom: 0;
}
.gbook-form .radio-inline input[type="radio"]:checked + .iconfont::before {content: '\e607'}
.inner-mainbox .content-box .position {
	height: 85px;
	overflow: hidden;
	text-align: right;
	line-height: 45px;
	position: absolute;
	border-radius: 3px;
	padding: 20px 40px;
	background-color: #e6e6e6;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	left: -1px;top: -1px;right: -1px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/position_bg.jpg);
}
.inner-mainbox .content-box .position h1 {
	float: left;
	color: #c1378a;
	font-size: 20px;
	line-height: 45px;
}
.inner-mainbox .content-box .position li {display: block;float: right}
.inner-mainbox .content-box .position li:not(:last-child)::before {
    color: #666;
    content: ">";
    padding: 0 5px;
}
.inner-mainbox .content-box .position li.active {
	color: #d7458a;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ask-list {padding: 20px 0}
.ask-list .ask-box {
	width: auto;
	display: block;
	margin-top: 10px;
	padding: 20px 25px;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 10px 10px 10px 10px/40px 40px 40px 40px;
}
.ask-list .ask-box .title {
	color: #f747ae;
	font-size: 20px;
	padding: 5px 5px 15px;
	border-bottom: 1px dashed #ddd;
}
.ask-list .ask-box .content {
	font-size: 20px;
	line-height: 1.6;
	padding: 15px 5px 5px;
}
.ask-list .ask-box:nth-child(odd) {margin-left: 90px}
.ask-list .ask-box:nth-child(even) {margin-right: 90px}
.ask-list .ask-box::before {
	width: 65px;
	height: 65px;
	font-size: 65px;
	content: "\e604";
	line-height: 65px;
	text-align: center;
	position: absolute;top: 16px;
	font-family: "iconfont" !important;
}
.ask-list .ask-box:nth-child(odd)::before {left: -85px;color: #f747ae}
.ask-list .ask-box:nth-child(even)::before {right: -85px;color: #288fee}
.ask-list .ask-box::after {
	content: '';
	width: 10px;
	height: 40px;
	position: absolute;top: 30px;
	background-image: url(../images/icons/rack.png);
}
.ask-list .ask-box:nth-child(even)::after{right: -10px}
.ask-list .ask-box:nth-child(odd)::after{
	left: -10px;
    -webkit-transform: scaleX(-1); 
	   -moz-transform: scaleX(-1);
    	 -o-transform: scaleX(-1);
    		transform: scaleX(-1);
    filter: fliph; /*IE*/
}
.ask-list .ask-title {
	height: 58px;
	color: #f747ae;
	font-size: 20px;
	line-height: 58px;
}
.ask-list .ask-content {
	font-size: 18px;
	min-height: 60px;
}
.ask-list .time {
	margin: auto;
	font-size: 12px;
	margin-top: 20px;
	text-align: center;
}
.ask-list .time span {
	color: #fff;
	padding: 2px 5px;
	border-radius: 4px;
	display: inline-block;
	background-color: #d5d5d5;
}
.product_types {padding-bottom: 20px}
.product_types li {
	height: 105px;
	display: block;
	font-size: 16px;
	padding-top: 20px;
	text-align: center;
	position: relative;
}
.product_types li::before {
	content: '';
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	left: 0;right: 0;bottom: 0;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(../images/icons/gradient_border.png);
}
.product_types li a {
	color: #000;
	width: 100%;
	height: 60px;
	display: block;
	line-height: 60px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
			transition: all .3s;
		 -o-transition: all .3s;
	   -moz-transition: all .3s;
	-webkit-transition: all .3s;
	-webkit-text-shadow: 1px 1px 1px #ddd;
	   -moz-text-shadow: 1px 1px 1px #ddd;
			text-shadow: 1px 1px 1px #ddd;
	background-position: top center;
	background-image: url(../images/icons/product_type_bg.png);
}
.product_types li a::before {
	content: '';
	width: 100px;
	height: 100px;
	position: absolute;
	left: -25px;top: -20px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/butterfly.png);
}
.product_types li:hover a, .product_types li.active a {
	color: #fff;
	-webkit-text-shadow: 1px 1px 1px #666;
	   -moz-text-shadow: 1px 1px 1px #666;
			text-shadow: 1px 1px 1px #666;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	filter: grayscale(0);
}
.product_box {min-height: 370px;margin-top: 30px}
.product_box:not(:last-child) {border-bottom: 6px solid #ececec}
.product_box .img {
	float: left;
	width: 265px;
	height: 300px;
	overflow: hidden;
	border-radius: 2px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 7px 15px 0 rgba(102, 102, 102, .5);
	   -moz-box-shadow: 0 7px 15px 0 rgba(102, 102, 102, .5);
			box-shadow: 0 7px 15px 0 rgba(102, 102, 102, .5);
}
.product_box .img img {
	padding: 15px 10px;
	-webkit-box-shadow: 0 2px 7px #ccc inset;
	   -moz-box-shadow: 0 2px 7px #ccc inset;
			box-shadow: 0 2px 7px #ccc inset;
}
.product_box .content {
	float: right;
	width: 500px;
	padding-left: 20px;
}
.product_box .content h1 {
	color: #ed097e;
	font-size: 20px;
	margin-bottom: 15px;
}
.product_box .content p {
	font-size: 16px;
	max-height: 4em;
	line-height: 2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product_box .btns {margin: 15px auto}
.product_box .link {
	color: #fff;
	font-size: 16px;
	position: relative;
	padding: 12px 50px;
	margin-right: 30px;
	display: inline-block;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #d7458a;
	background-image: linear-gradient(bottom, rgb(209,67,133) 0%, rgb(215,69,138) 100%);
	background-image: -o-linear-gradient(bottom, rgb(209,67,133) 0%, rgb(215,69,138) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(209,67,133) 0%, rgb(215,69,138) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(209,67,133) 0%, rgb(215,69,138) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(209,67,133) 0%, rgb(215,69,138) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(209,67,133)),color-stop(1, rgb(215,69,138)));
	-webkit-box-shadow: inset 0px 1px 0px #c41065, 0px 5px 0px 0px #ad0e58, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #c41065, 0px 5px 0px 0px #ad0e58, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #c41065, 0px 5px 0px 0px #ad0e58, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #c41065, 0px 5px 0px 0px #ad0e58, 0px 10px 5px #999;
}
.product_box .link:hover {
	background-image: linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -o-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(215,69,138)),color-stop(1, rgb(209,67,133)));
}
.product_box .link:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -o-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(215,69,138) 0%, rgb(209,67,133) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(215,69,138)),color-stop(1, rgb(209,67,133)));
	-webkit-box-shadow: inset 0px 1px 0px #c41065, 0px 2px 0px 0px #ad0e58, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #c41065, 0px 2px 0px 0px #ad0e58, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #c41065, 0px 2px 0px 0px #ad0e58, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #c41065, 0px 2px 0px 0px #ad0e58, 0px 5px 3px #999;
}
/* product_show */
.product_title {
	color: #fff;
	height: 145px;
	font-size: 20px;
	line-height: 55px;
	text-align: center;
	padding: 45px 200px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/product_title_bg.png);
}
.product_info {
	display: flex;
	display: -webkit-flex; /* Safari */
	align-items: stretch;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.product_info .img {width: 300px}
.product_info .content {width: 450px}
.product_info .content p {
	font-size: 18px;
	margin-bottom: 15px;
}
.product_info .content .link {
	color: #fff;
	font-size: 16px;
	margin-left: 15px;
	padding: 12px 35px;
	border-radius: 5px;
	display: inline-block;
	background-color: #d85493;
}
.product_info .content .link:hover {background-color: #bf4b83}
.product_info .content .link:active {background-color: #8c3760}
.product_body {
	padding: 30px;
	margin-top: 30px;
	margin-bottom: 15px;
	background-color: #f9f0ec;
}
.product_body:empty {display: none}
.teachers-box {margin: 12px -12px}
.teacher-box {
	float: left;
	margin: 12px;
	width: 384px;
	height: 270px;
	padding: 12px 10px;
	background-color: #f5f5f5;
}
.teacher-box .img {
	float: left;
	width: 180px;
	height: 100%;
}
.teacher-box .content {
	float: right;
	width: 170px;
	height: 100%;
}
.teacher-box .content > h1 {
	font-size: 16px;
	text-align: center;
}
.teacher-box .content > p {
	color: #666;
	height: 10.8em;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
.teacher-box .content > a {
	color: #fff;
	height: 32px;
	width: 124px;
	display: block;
	line-height: 32px;
	text-align: center;
	margin: 15px auto;
	border-radius: 5px;
	background-color: #8b7ab0;
}
.teacher-box .content > a:hover {background-color: #796a99}
.teacher-box .content > a:active {background-color: #6f618c}
.teacher-show {
	padding: 0 40px;
	margin-bottom: 30px;
	background-color: #fff;
}
.teacher-show .pager .title {
	color: #8a57bd;
	max-width: 400px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	vertical-align: bottom;
	text-overflow: ellipsis;
}
.teacher-show .pager .disabled .title {color: #999}
.teacher-body {
	padding: 40px 160px;
	border-bottom: 1px solid #d2d2d2;
}
.teacher-title {
	width: 100%;
	height: 100px;
	color: #fff;
	font-size: 20px;
	line-height: 55px;
	text-align: center;
	padding: 22.5px 175px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/product_title_bg.png);
}
.teacher-data {
	padding: 0 150px;
	line-height: 24px;
	margin-bottom: 20px;
}
.teacher-data .data {
	color: #999;
	float: left;
	margin-right: 24px;
}
.teacher-data .link {float: right;color: #e93f96}
.teacher-data .link + .link::after {
	color: #666;
	content: '';
	width: 1px;
	height: 14px;
	margin: 5px;
	vertical-align: bottom;
	display: inline-block;
	background-color: #666;
}